<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
	<link rel="stylesheet" type="text/css" href="/skin/css/amazeui.min1.css" />
	<link href="/skin/font/iconfont.css" rel="stylesheet" type="text/css" />
	<link href="/skin/css/index.css" rel="stylesheet" type="text/css" />
	<script src="/user/js/jquery.js"></script>
	<meta name="Keywords" content="" />
	<meta name="Description" content="" />
	<title>余额-会员中心</title>
<style>
/* 设计稿 375px，1rem = 100px，换算方法：px值 ÷ 100 = rem值 */
a{-webkit-tap-highlight-color:transparent;outline:none;}
body { background: #f3f5f8; }

/* 余额展示区域 */
.balance-section {
	background: linear-gradient(135deg, #2d3e50 0%, #3a4f63 100%);
	margin: 0.16rem 0.16rem;
	border-radius:0.04rem;
	padding: 0.24rem 0.2rem;
	box-shadow: 0 0.08rem 0.24rem rgba(0, 0, 0, 0.15);
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.balance-info {
	color: #fff;
}
.balance-label {
	font-size: 0.13rem;
	opacity: 0.85;
	margin-bottom: 0.08rem;
	color:white;
}
.balance-amount {
	font-size: 0.32rem;
	font-weight: 700;
	color: #fff;
}
.transfer-btn {
	background: rgba(255, 255, 255, 0.2);
	color: #fff;
	padding: 0.08rem 0.2rem;
	border-radius: 0.18rem;
	font-size: 0.14rem;
	font-weight: 600;
	text-decoration: none;
	border: 0.01rem solid rgba(255, 255, 255, 0.3);
	-webkit-tap-highlight-color: transparent;
}
.transfer-btn:active {
	background: rgba(255, 255, 255, 0.3);
}

/* 流水列表 */
.record-container {
	padding: 0 0.16rem 0.2rem;
}
.record-title {
	font-size: 0.16rem;
	font-weight: 700;
	color: #1e293b;
	margin-bottom: 0.12rem;
}

/* 流水项 */
.record-item {
	background: #fff;
	border-radius: 0.08rem;
	padding: 0.16rem;
	margin-bottom: 0.12rem;
	box-shadow: 0 0.02rem 0.08rem rgba(0, 0, 0, 0.04);
	display: flex;
	justify-content: space-between;
	align-items: center;
	-webkit-tap-highlight-color: transparent;
}
.record-item:last-child {
	margin-bottom: 0;
}

.record-left {
	flex: 1;
	margin-right: 0.12rem;
}
.record-type {
	font-size: 0.15rem;
	font-weight: 600;
	color: #1e293b;
	margin-bottom: 0.06rem;
}
.record-time {
	font-size: 0.12rem;
	color: #94a3b8;
}

.record-right {
	text-align: right;
}
.record-amount {
	font-size: 0.18rem;
	font-weight: 700;
}
.record-amount.income {
	color: #16a34a;
}
.record-amount.expense {
	color: #ef4444;
}

/* 空状态 */
.empty-state {
	background: #fff;
	border-radius:0.04rem;
	padding: 0.8rem;
	text-align: center;
	color: #94a3b8;
	font-size: 0.14rem;
	box-shadow: 0 0.02rem 0.08rem rgba(0, 0, 0, 0.04);
}
</style>
<script>
	// 设计稿 375px，1rem = 100px，换算方法：px值 ÷ 100 = rem值
	(function(){
		var docEl = document.documentElement;
		var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
		function recalc() {
			var clientWidth = docEl.clientWidth;
			if (!clientWidth) return;
			docEl.style.fontSize = (clientWidth / 375 * 100) + 'px';
		}
		if (!document.addEventListener) return;
		window.addEventListener(resizeEvt, recalc, false);
		document.addEventListener('DOMContentLoaded', recalc, false);
		recalc();
	})();
</script>
</head>
<body class="body">
<div>
	<header id="header">
		<section class="head-b head-b1">
			<span class="u-left"><a href="javascript:history.go(-1);" class="back"><img src="/skin/img/back.png"/></a></span>
			<h1 id="t0">余额</h1>
			<div class="u-right" href="#">
				<a href="/" class="hSearch right"><img src="/skin/img/i_home.png"/></a>
			</div>
		</section>
	</header>
	
	<!-- 余额展示区域 -->
	<div class="balance-section">
		<div class="balance-info">
			<div class="balance-label">余额</div>
			<div class="balance-amount">¥{$info[cash]}</div>
		</div>
		<a href="/user/cashhz.php?type=1" class="transfer-btn">转赠</a>
	</div>

	<!-- 流水列表 -->
	<div class="record-container">
		{if($msg==0)}
		<div class="empty-state">暂无流水记录</div>
		{else}
		<div class="record-title">流水明细</div>
		{loop $clist $key as $list}
		<div class="record-item">
			<div class="record-left">
				<div class="record-type">
					{if($list['content'])}
					{$list[content]}
					{else}
					{$xfarr[$list[type]]}
					{/if}
				</div>
				<div class="record-time">{$list[addtime]}</div>
			</div>
			<div class="record-right">
				<div class="record-amount {if($list['adda']==1)}income{else}expense{/if}">
					{if($list['adda']==1)}+{else}-{/if}¥{$list[cash]}
				</div>
			</div>
		</div>
		{/loop}
		{$page}
		{/if}
	</div>
</div>
{include(foot)}
</body>
</html>
